﻿/* layout
---------------------------------------------------------------------------------------------------------- */
body { font-family:Microsoft YaHei, SimSun, SimHei, Verdana, Arial, Helvetica, sans-serif; line-height:0.12rem; color:#000; background: #f5f5f5;}

.container { width:auto; margin:0 auto;}
.branding { width:auto;}
.nav { width:auto;}
.content { width:auto;}
.site_info { color:#898888; width:auto;clear:both;}
.site_info em { font-family:Arial, Helvetica, sans-serif;}

/*  end layout
---------------------------------------------------------------------------------------------------------- */

/* index
---------------------------------------------------------------------------------------------------------- */

/** 首页内容样式 **/
.bg_435e73 {
	background: #435e73;
	/*height: 100px;*/
	color: #fff;
	padding-bottom: 10px;
}
.p_15em {
	padding: 0.1rem 0.15rem;
}
.f_10 {
	font-size: 0.08rem;
}

.bg_435e73Bar {
	background: #3b4e5d;
	color: #fff;
	padding: 0 0.14rem;
	/*min-height: 110px;*/
	border-top:1px solid #3b4e5d;
}

.bg_435e73Bar .info {
	margin-left:52px;
}
.bg_435e73Bar .info h3 {
	font-size: 0.15rem;
}
.bg_435e73Bar .info .cardNum {
	font-size: 0.18rem;
}

.tip01 {
	background: #fff;
	border:1px solid #d1d5d9;
	width:100%;
	text-align: center;
	height: 42x;
	line-height: 42px;
	color: #d81718;
	margin: 0 auto;
	border-radius: 0 0 4px 4px;
	font-size: 0.13rem;
}
.tip01 i {
	display: inline-block;
	vertical-align: top;
	width: 23px;
	height: 23px;
	margin-top: 5px;
	margin-right:6px;
}
.cardInfo {
	margin-top: 16px;
	padding-bottom: 30px;
}

.bg_fffBar {
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
	padding: 0.1rem;
	font-size: 0.15rem;
}
.bg_fffBar em {
	font-size: 0.2rem;
	color: #d81718;
}

.btn_blue01,
.btn_white01,
.btn_white02,
.btn_red01,
.btn_red02,
.btn_red03 {
	border:1px solid #3b4e5d;
	text-align: center;
	font-size: 0.15rem;
	border-radius: 5px;
}
.btn_blue01 {
	color: #fff;
	background: #3b4e5d;
}
.btn_white01 {
	color: #3b4e5d;
}
.btn_white02 {
	background: #fff;
	color: #3b4e5d;
}
.btn_red01 {
	color: #fff;
	background: #e2191a url(../images/btn_redBg.png) repeat-x;
	border:1px solid #ec8e8f;
}
.btn_red02 {
	color: #fff;
	background: #e61b45;
	border:1px solid #ee6783;
}
.btn_red03 {
	color: #e61b45;
	background: #fff;
	border:1px solid #e61b45;
}
.note01 {
	color: #999999;
	font-size: 0.12rem;
	line-height: 0.16rem;
}

.bg_fffBar02 {
	background: #fff;
}

.list01 {
	text-align: center;
}
.list01 li {
	/*float: left;*/
	width: 30%;
	margin: 0 3px 10px;
	display: inline-block;
	vertical-align: middle;
}
.list01 li a {
	display: block;
	height: 58px;
	line-height: 58px;
	border:1px solid #cccccc;
	text-align: center;
	font-size: 0.18rem;
	color: #3b4e5d;
	font-weight: 700;
}
.list01 li a:hover,
.list01 li a.hover {
	border:1px solid #e61b46;
	color: #d81718;
	text-decoration: none;
}

.bg_body01 {
	background: #3b4e5d;
}
.p_4_1r {padding: 0.4rem 0.13rem;}
.p_2_1r {padding: 0.2rem 0.13rem;}

.qrcBar {
	background: #fff;
	min-height: 360px;
	padding: 0.1rem;
	box-shadow: 2px 2px 5px #3b4e5d;
}
.qrcBar .hd {
	margin-bottom: 0.2rem;
	height: 43px;
}
.qrcBar .bg {
	text-align: center;
	margin-bottom: 0.1rem;
}
.qrcBar .ft {
	text-align: center;
	font-size: 0.12rem;
	color: #aaaaaa;
}

.qrcBar .hd .cardLogo02,
.qrcBar .hd .cardName,
.qrcBar .hd .cardNum {
	display: block;
	float: left;
}
.qrcBar .hd .cardLogo02 {
	width: 43px;
	height: 43px;
	border-radius: 21.5px;
	background: #3b4e5d;
	overflow: hidden;
	margin-right: 8px;
}
.qrcBar .hd .cardName,
.qrcBar .hd .cardNum {
	font-size: 0.15rem;
	color: #333333;
	font-weight: 600;
	height: 0.15rem;
	line-height: 0.15rem;
	margin-top: 11px;
}
.qrcBar .hd .cardNum {
	border-left: 2px solid #333333;
	margin-left:10px;
	padding-left: 10px;
}

.box01 {
	background: #fff;
	border-top: 1px solid #cbcccd;
	border-bottom: 1px solid #cbcccd;
}
.box01 .hd {
	text-align: center;
	padding:12px 0;
	border-bottom: 1px solid #f3f3f3;
	font-size: 0.16rem;
	color: #3b4e5d;
	font-weight: 700;
}
.box01 .hd i {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin-right: 8px;
}
.ico_01 {
	background: url(../images/ico_01.png) no-repeat;
}

.bor_bf3 {
	border-bottom: 1px solid #f3f3f3;
}

.tbInfo {
	font-size: 0.12rem;
	color: #aaaaaa;
}
.tbInfo .item {
	margin-bottom: 5px;
}
.tbInfo .item .th,
.tbInfo .item .td {
	display: block;
	height: 34px;
	line-height: 34px;
}
.tbInfo .item .th {
	float: left;
}
.tbInfo .item .td {
	float: right;
}

.fs_18r {font-size: 0.18rem;}

.boxBar02 {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	border:1px solid #e8e8e8;
}
.boxBar02 .hd {
	background: #e61b46;
	padding: 15px;
	font-size: 0.16rem;
	color: #fff;
}
.boxBar02 .bg {
	
}
.boxBar02 .ft {
	border-top:1px solid #f3f3f3;
	padding: 10px;
}
.boxBar02 .ft .more a {
	color: #cccccc;
	line-height: 100%;
}
.boxBar02 .ft .more img {
	vertical-align: middle;
}
.boxBar02 .ft .see a {
	font-size: 0.14rem;
	color: #111;
	font-weight: 700;
}

.money {
	border-bottom: 1px dashed #f3f3f3;
	padding: 20px 0;
}
.money {
	font-size: 0.14rem;
	color: #aaaaaa;
}
.money .price {
	font-size: 0.4rem;
	color: #111;
	line-height: 100%;
}

.tb_list01 th,
.tb_list01 td {
	padding: 5px 1px;
	font-size: 0.13rem;
}
.tb_list01 th {
	color: #aaa;
}
.tb_list01 td {
	color: #111;
}

.bg_redBar {
	background: url(../images/bg_redBar.jpg) repeat-x #e3181b;
	min-height: 100px;
	color: #fff;
	position: relative;
}
.bg_redBar .tit01 {
	font-size: 0.18rem;
}

.money02 {
	/*padding: 20px 0;*/
}
.money02 .na {
	font-size: 0.11rem;
}
.money02 .price {
	font-size: 0.4rem;
	line-height: 100%;
}
.money02 .na02 {
	font-size: 0.12rem;
	margin-bottom: 20px;
	opacity: 0.7;
}

.list02 li,
.list03 li {
	border-bottom: 1px solid #f5f5f5;
	padding: 0.12rem 0.03rem;
	list-style: none;
}
.list02 li:last-child,
.list03 li:last-child {
	border-bottom: 0px solid #f5f5f5;
}

.list02 li .tit,
.list03 li .tit {
	font-size: 0.14rem;
	color: #111;
}

.list02 li .cue,
.list03 li .cue {
	font-size: 0.14rem;
	color: #999999;
}
.list02 li .tit .ico,
.list03 li .tit .ico {
	width: 22px;
	height: 22px;
	margin-right: 10px;
}

.ico, .btn {display: inline-block; vertical-align: middle;}
.btn_ses {
	width: 8px;
	height: 12px;
	background: url(../images/dit_01.png) no-repeat;
	background-size: 100% 100%;
}

.ico_pri {background: url(../images/ico_pri.png) no-repeat;}
.ico_rec {background: url(../images/ico_rec.png) no-repeat;}

.title01 {
	padding: 5px 10px;
	font-size: 0.11rem;
	color: #999999;
}
.note01 {
	padding: 5px 10px;
	font-size: 0.1rem;
	color: #999999;
}

.listUser li {
	margin-bottom: 10px;
	position: relative;
}
.listUser li a {
	display: block;
	border:1px solid #fff;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
	padding:11px 10px;
}
.listUser li a:hover,
.listUser li.on a {
	border:1px solid #e91e2e;
}
.listUser li .photo,
.userInfo .photo {
	display:block;
	width: 44px;
	height: 44px;
	border-radius: 22px;
	overflow: hidden;
}
.listUser li .info,
.userInfo .info {
	margin-left: 52px;
	color: #999999;
} 
.listUser li .info .name,
.listUser li .info .comp,
.userInfo .info .name,
.userInfo .info .comp {
	line-height: 0.17em;
} 
.listUser li .info .name,
.userInfo .info .name {
	font-size: 0.145rem;
	color: #333333;
}

.listUser li .tip,
.userInfo .tip {
	display: block;
	position: absolute;
	top: 25px;
	right: 15px;
	color: #999999;
}

.bg_redBar .scanCode {
	width: 100px;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 20px;
}
.bg_redBar .scanCode .ico_scan {
	width: 47px;
	height: 47px;
	margin:0 auto;
	background: url(../images/ico_scan.png) no-repeat;
}
.bg_redBar .scanCode .tit {
	margin:10px auto 0 auto;
	font-size: 0.16rem;
}

.userInfo {
	border-bottom: 1px solid #f8f8f8;
	background: #fff;
	padding:11px 12px;
	position: relative;
}

.userInfo .tip i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(../images/dit01.png) no-repeat;
	margin:-2px 0 0 5px;
}

.ico_pass {background: url(../images/ico_pass.png) no-repeat;}
.ico_replace {background: url(../images/ico_replace.png) no-repeat;}

.operation {
	border:1px solid #eeeeee;
	background: #fff;
	padding:8px 0;
}
.operation .op.fl {
	border-right: 1px solid #eeeeee;
}
.operation .op {
	width: 49.8%;
	height: 70px;
	text-align: center;
}
.operation .op b {
	display: block;
	width: 44px;
	height: 44px;
	margin:0 auto;
}
.operation .op .tit {
	display: block;
	margin-top: 8px;
	font-size: 0.14rem;
	color: #333333;
}
.ico_goon {background: url(../images/ico_goon.png) no-repeat;}
.ico_out {background: url(../images/ico_out.png) no-repeat;}

/**/
.user_c{color: #ffa000; text-decoration: underline;}
.an_ex{ line-height:22px; font-size:0.14rem; color:#999;}

.head{ position:relative; height:40px; line-height:40px; text-align:center;  font-size:0.16rem; color:#fff; background:#1b1b20; z-index: 9999;}
.reback{ position:absolute; left:10px; top:14px; width:12px; height:12px; border:solid #fff; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.list02 .tit .an_ex {
	color: #000;
}

/****** 弹出层 ******/
/*遮罩层*/
.alert_b{ display:none; position:fixed; _position:absolute; top:0; left:0; z-index:9998; width:100%; height:100%; background:url(../images/alpha_black.png) repeat; z-index: 400;}

.popDiv {
	width: 100%;
	background: #fff;
	position: absolute;
	bottom:0;
	z-index: 500;
	color: #404040;
	min-height: 300px;
}
.popDiv .pop_bg {
	position: relative;
}
.btn_close {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/ico_close.png) no-repeat;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1000;
}

.poptit {
	border-bottom: 1px solid #f5f5f5;
	font-size: 0.145rem;
	font-weight: 600;
	color: #141517;
	padding: 13px 0;
}
.list03 li .tit {
	color: #aaaaaa;
}
.list03 li .con,
.list03 li .con_zf {
	display: block;
	margin-left: 64px;
	color: #333333;
	font-size: 0.13rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.list03 li .pri {
	color: #333333;
	font-size: 0.18rem;
	font-weight: 600;
}
.list03 li .con_zf {
	line-height: 26px;
}
.list03 .ico_dui {
	width: 12px;
	height: 10px;
	background: url(../images/ico_dui.png) no-repeat;
}
.list03 .ico_hna,
.list03 .ico_tj {
	display: block;
	width: 26px;
	height: 26px;
}
.ico_hna {
	background: url(../images/ico_hna.png) no-repeat;
}
.ico_tj {
	background: url(../images/ico_tj.png) no-repeat;
}

.rebacktxt{ position:absolute; left:35px; top:0px; font-size: 0.14rem; color: #fff;}
.regn{display: block; position:absolute; right:10px; top:-10px; font-size: 0.28rem; color: #fff;}

/************* ******************/
.login_bg {
	background: url(../images/login_bg.png) no-repeat right bottom;
	background-size: 100%;
}
.logo {
	width: 137px;
	height: 63px;
	background: url(../images/logo.png) no-repeat;
	background-size: 100% 100%;
	margin:0.5rem auto 0.25rem auto;
}

.loginBar {

}
.input-login {
	box-shadow:none;
	border:0;
	border-bottom: 1px solid #d6d6d6;
	padding: 9px 0;
	font-size: 0.14rem;
}
.input-login:hover,
.input-login:active {
	border-bottom: 1px solid #333333;
	padding: 9px 0;
	font-size: 0.14rem;
}

.logo02 {
	width: 0.96rem;
	height: 1.22rem;
	background: url(../images/logo02.png) no-repeat;
	background-size: 100%;
	margin:0.5rem auto 0.7rem auto;
}
.logo03 {
	width: 0.77rem;
	height: 1rem;
	text-align: center;
	background: url(../images/logo02.png) no-repeat;
	background-size: 80%;
	margin:0.2rem auto 0 auto;
}
.btn_pic01 {
	background: url(../images/btn-a-01.png) no-repeat;
}
.btn_pic02 {
	background: url(../images/btn-a-02.png) no-repeat;
}
.btn_pic03 {
	background: url(../images/btn-a-03.png) no-repeat;
}
.btn_pic01,
.btn_pic02,
.btn_pic03 {
	display: block;
	background-size: 100%;
	width: 2.56rem;
	height: 0.74rem;
	text-align: right;
	line-height: 0.5rem;
	padding-right: 0.2rem;
	font-size: 0.16rem;
	color: #fff!important;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	    box-sizing: border-box;
}

.reback02 {
	display: block;
	position:absolute; left:8px; top:12px; width:15px; height:16px;
	background: url(../images/ico_back01.png) no-repeat;
	background-size: 100%;
}

.bg-f5f5f5 {
	background: #f5f5f5;
}
.searchBar {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	height: 43px;
	background: #fff;
	padding: 0 0.1rem;
	overflow-y: hidden;
}

.ico-sear {
	width: 19px;
	height: 20px;
	background: url(../images/ico_sear.png) no-repeat;
	margin-top:0.1rem;
}
.ico-close02 {
	width: 15px;
	height: 15px;
	background: url(../images/ico_close02.png) no-repeat;
	margin-top:0.11rem;
}
.ico-sear,
.ico-close02 {
	display: block;
	background-size: 100%;
}
.searchBar .c {
	display: block;
	margin: 0 0.3rem;
}

.input-sear {
	border: 0px;
	padding: 0.11rem 0 0 0;
	font-size: 0.14rem;
}
.input-sear:hover,
.input-sear:active {
}

.tit01 {
	font-size: 0.12rem;
	padding: 0 0.1rem;
	color: #aaaaaa;
}

.list-01 li {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 0.1rem;
	background: #fff;
	margin-top: -1px;
}
.list-01 li h3 {
	font-size: 0.14rem;
	color: #000;
	margin-bottom: 0.05rem;
}
.list-01 li p {
	color: #aaaaaa;
	font-size: 0.12rem;
}
.ico-dit {
	display: block;
	width: 8px;
	height: 14px;
	background: url(../images/ico-dit.png) no-repeat;
	background-size: 100%;
}
.list-01 li .ico-dit {
	margin-top:0.08rem;
}

.yzmBar {
	position: relative;
}
.btn-br01 {
	border-color: #ed5e7c;
	background-color: transparent;
	color: #e61b45;
	font-size: 0.14rem;
}
.yzmBar .btn-br01 {
	position: absolute;
	top: -0.08rem;
	right: 0.05rem;
}

.bg_fffBar01 {
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background-color: #fff;
}

.cardBox {
	padding:0.16rem 0.3rem;
}
.cardVip {
	position: relative;
	width: 2.6rem;
	height: 1.5rem;
	margin:0 auto;
	background: url(../images/card-vip.png) no-repeat;
	background-size: 100% 100%;
}
.cardVip .card-valid {
	position: absolute;
	top: 0.55rem;
	right: 0.06rem;
	color: #FFF300;
	font-size: 0.09rem;
}

.cardVip .card-tit {
	position: absolute;
	top: 0.2rem;
	left: 0.68rem;
	color: #fff;
}
.card-tit h3 {
	font-size: 0.2rem;
	margin-bottom:0.06rem;
}
.card-tit h4 {
	font-size: 0.12rem;
}
.cardVip .card-id {
	position: absolute;
	bottom: 0.2rem;
	left: 0.2rem;
	color: #fff;
	font-size: 0.16rem;
}

.cardVip .card-logo,
.cardVip .ico-vip {
	position: absolute;
	display: block;
}
.cardVip .ico-novip {
	position: absolute;
	display: block;
}
.cardVip .card-logo {
	top: 0.17rem;
	left: 0.17rem;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/card-logo.png) no-repeat;
	background-size: 100% 100%;
}
.cardVip .ico-vip {
	top: 0.2rem;
	right: 0.18rem;
	width: 0.26rem;
	height: 0.26rem;
	background: url(../images/ico-vip.png) no-repeat;
	background-size: 100% 100%;
}
.cardVip .ico-novip {
	top: 0.2rem;
	right: 0.18rem;
	width: 0.26rem;
	height: 0.26rem;
	background: url(../images/no-vip.png) no-repeat;
	background-size: 100% 100%;
}
.moneyBar {
	height: 85px;
	background-color: #fff;
	border-radius: 11px;
	padding:0.15rem;
}

.balance,
.coupon {
	float: left;
	width: 50%;
	text-align: center;
}
.balance {
	border-right: 1px solid #f1f1f1;
}
.balance .tit,
.coupon .tit {
	padding-top: 0.05rem;
	padding-bottom: 0.1rem;
	font-size: 0.14rem;
	color: #aaaaaa;
}
.balance .num,
.coupon .num {
	font-size: 0.26rem;
	color: #e61b46;
	line-height: 100%;
}
.balance .num em,
.coupon .num em {
	font-size: 0.17rem;
}

.inp-non {
	border:none;
	box-shadow:none;
	padding: 0;
	height: auto;
	text-align: center;
}

.per-mone {
	font-size: 0.16rem;
	color: #e61b46;
}
.per-mone em {
	font-size: 0.26rem;
}

.qrc-bg {
	background: #e16e6d url(../images/qrc-bg.png) repeat-x left top;
}

.qrCode {
	background-color: #f5f5f5;
	border-radius: 8px;
	overflow: hidden;
}
.p-30-12 {padding: 0.3rem 0.12rem;}

.qrCode .barCode {
	border-bottom: 1px solid #e5e5e5;
	height: 1.14rem;
	background-color: #fff;
	padding: 0.12rem 0.16rem;
}
.qrCode .qrCodePic {
	padding: 0.17rem 0.12rem;
	text-align: center;
}
.qrCode .qrCodePic img {
	width: 1.68rem;
	height: 1.68rem;
}
.qrCode .tipInfo {
	text-align: center;
	padding-bottom: 0.12rem;
	color: #aaaaaa;
}

.qrCode img {
	max-width: 100%;
}

.tip-01 {
	color: #fff;
	font-size: 0.12rem;
	white-space:nowrap;
}

.payment {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
}
.payment a {
	color: #fff;
}
.payment a:hover {
	text-decoration: none;
}
.payment .pic,
.payment .tit {
	display: block;
}
.payment .pic {
	width: 0.34rem;
	height: 0.34rem;
	margin:0 auto 0.06rem auto;
}
.pay-l {
	margin-right: 0.6rem
}
.pay-r {
	margin-left: 0.6rem
}
.pay-l .pic {
	background: url(../images/ico-qrc-on.png) no-repeat;
	background-size: 100% 100%;
}
.pay-r .pic {
	background: url(../images/ico-bar-off.png) no-repeat;
	background-size: 100% 100%;
}
.pay-l a:hover .pic {
	background: url(../images/ico-qrc-on.png) no-repeat;
	background-size: 100% 100%;
}
.pay-r a:hover .pic {
	background: url(../images/ico-bar-off.png) no-repeat;
	background-size: 100% 100%;
}

.btn_ses-02 {
	display: inline-block;
	vertical-align: middle;
	width: 0.08rem;
	height: 0.12rem;
	background: url(../images/dit_01.png) no-repeat;
	background-size: 100% 100%;
	margin-left: 0.03rem;
}

.logoDiv {
	width: 0.59rem;
	height: 0.68rem;
	margin:0.08rem auto;
}
.logoDiv img {
	max-width: 100%;
}

.tit-01 {
	text-align: center;
	padding: 0.1rem 0;
	font-size: 0.14rem;
}

.pop-01 .modal-dialog {
	margin-top: 1.2rem;
}
.pop-01 .modal-content {
	background: transparent;
	box-shadow:none;
	border:0;
}

.redbao {
	width: 1.87rem;
	height: 2.6rem;
	margin: 0 auto;
	background: url(../images/redbao.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 1.55rem;
	text-align: center;
}
.redbao p {
	color: #ffdc80;
}
.redbao .tit {
	font-size: 0.16rem;
}


.box-hd01 {
	padding:0.2rem 0.3rem;
	background-color: #E91D4E;
	color: #fff;
}
.box-hd01 p {
	line-height: 100%;
}
.box-hd01 p i {
	display: inline-block;
	vertical-align: middle;
	width: 0.23rem;
	height: 0.23rem;
	margin-right:0.1rem;
}
.box-hd01 .phone {
	font-size: 0.26rem;
}

.ico-face {
	background: url(../images/ico-face.png) no-repeat;
	background-size: 100% 100%;
}

.card-yh {
	position: relative;
	height: 0.7rem;
}
.card-yh .card-red,
.card-yh .card-disable {
	float: left;
	width: 0.9rem;
	height: 0.7rem;
	background: url(../images/card-red.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 0.1rem;
	color: #fff;
	text-align: center;
}
.card-yh .card-disable {
	background: url(../images/card-disable.png) no-repeat;
	background-size: 100% 100%;
}
.card-yh .card-red p {
}
.card-yh .card-red em,
.card-yh .card-disable em {
	font-size: 0.34rem;
	line-height: 100%;

}
.card-yh .card-info {
	margin-left: 0.9rem;
	height: 0.7rem;
	background-color: #fff;
	padding-top: 0.16rem;
	padding-left:0.16rem;
}
.card-info h3 {
	font-size: 0.16rem;
	color: #111;
	margin-bottom: 0.05rem;
}

.itemline {
	padding:0.1rem;
	background-color: #fff;
	border-radius: 0.06rem;
	font-size: 0.14rem;
}

.card-yh .ico-overdue {
	position: absolute;
	top: 0.03rem;
	right: 0.03rem;
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/ico-overdue.png) no-repeat;
	background-size: 100% 100%;
}

.bot-fff {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 0.08rem 0.1rem;
	background-color: #fff;
}

.banner {
	text-align: center;
}
.banner img {
	max-width: 100%;
}

.list-num-01 li {
	margin-bottom: 0.07rem;
}

.tip-fxhb {
	position: absolute;
	top: -0.8rem;
	right: 0.1rem;
	width: 1.93rem;
	height: 0.75rem;
}
.tip-fxhb img {
	max-width: 100%;
}

.vip_tip {
  color: #e61b45;
  font-size: 0.14rem;
  line-height: 0.3rem;
}
.list02 li .tit em {
  margin-left: 10px;
    font-size: 0.16rem;
    color: #e61b45;
}
.btn_ses-03 {
	display: inline-block;
	vertical-align: middle;
	width: 0.2rem;
	height: 0.17rem;
	background: url(../images/dit_02.png) no-repeat;
	background-size: 100% 100%;
	margin-left: 0.03rem;
}
.all_item {
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}
.all_item li {
	display: inline-block;
	box-sizing: border-box; 
	width: 49%;
    text-align: center;
}
.all_item li a { 
	display: inline-block; 
	height: 0.37rem;
	width: 0.6rem;
	line-height: 0.37rem; 
	text-align: center; 
	font-size: 0.14rem;
	color: #707070;
	text-decoration: none;
}
.all_item li a.on { 
	border-bottom: 4px solid #e61b46; 
	color: #000202; 
}
.all_item li:first-child {
  background: url(../images/li_line.png) right center no-repeat;
  background-size: auto 100%;
}
.total {
  padding-right: 12px;
  color: #aaa;
  line-height: 0.26rem;
}
.month {
  padding-left: 12px;
  color: #111;
  line-height: 0.26rem;
}
.records {
  background: #fff;
  padding-left: 12px;
}
.records li {
  height: 0.55rem;
  padding: 0.1rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.records li:last-child {
  border-bottom: none;
}
.brand img {
  width: 0.32rem;
  height:0.32rem;
}
.name h3 {
  color: #111;
  font-size: 0.18rem;
  line-height: 0.2rem;
}
.name p {
  color: #666;
  font-size: 0.12rem;
  line-height: 0.2rem;
}
.price { 
  padding-right: 12px; 
  color: #e61b46;
  text-align:right; 
}
.price em {
    font-size: 0.18rem;
    line-height: 100%;
	color: #e61b46;
}
.price .original {
    font-size: 0.12rem;
    line-height: 100%;
	color: #ccc;
	text-decoration:line-through;
}
.recharge {
  padding: 15px;
}
.date {
    font-size: 0.12rem;
    line-height: 0.26rem;
	color: #aaa;
}
.recharge_top {
  position: relative;
  background: #e61b46;
  border-radius: 15px 15px 0 0;
  text-align: center;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.2rem;
}
.bg_no { background: #aaa; }
.recharge_top em {
    font-size: 0.32rem;
    line-height: 0.6rem;
}
.recharge_top span{
  position: absolute;
  top: 0.06rem;
  left: 0.12rem;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.2rem;
}
.recharge_foot {
  background: #fff;
  border-radius: 0 0 15px 15px;
  padding: 15px 23px;
}
.recharge_con {
  float: left;
  width: 50%;
  text-align: left;
}
.recharge_con h3 {
    font-size: 0.12rem;
    line-height: 0.2rem;
	color: #aaa;
}
.recharge_con p {
    font-size: 0.16rem;
    line-height: 0.3rem;
	color: #111;
}
.btn_ses-04 {
	display: inline-block;
	vertical-align: middle;
	width: 0.26rem;
	height: 0.17rem;
	background: url(../images/switch_off.png) no-repeat;
	background-size: 100% 100%;
	margin-left: 0.03rem;
}
.btn_ses-04:active { background: url(../images/switch_on.png) no-repeat; background-size: 100% 100%; }
.btn_ses-04:visited { background: url(../images/switch_on.png) no-repeat; background-size: 100% 100%; }
#switch1 {
	width: 0.26rem;
	height: 0.1rem;
	border-radius: 0.05rem;
	position: relative;
}
#switch2{
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.08rem;
  position: absolute;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
}
.open1{
  background: rgba(230,27,69,0.2);
}
.open2{
  top: -0.04rem;
  right: 1px;
  background: rgba(230,27,69,1);
}
.close1{
background: rgba(229,229,229,1);
/*border:3px solid rgba(0,0,0,0.15);*/
border-left: transparent;
}
.close2{
top: -0.04rem;
left: 1px;
/*border:2px solid rgba(0,0,0,0.1);*/
background: rgba(245,245,245,1);
}

.identity {
  margin-top: 30px; 
  background: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding-left: 12px;
}
.identity p { 
  height: 54px;
  padding: 10px 0;
}
.identity .line { border-bottom: 1px solid #ebebeb; }

.input-pass {
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.btn-br02 {
    height: 54px;
	line-height: 42px;
	border-color: #e61b45;
	background-color: #e61b45;
	border-radius: 0!important;
	color: #fff;
	font-size: 0.14rem;
}
.yzmBar .btn-br02 {
	position: absolute;
	top: 0;
	right: 0;
}

.amount {
  background: #fff;
}
.amount h3{
  border-bottom: 1px solid #f5f5f5;
  font-size: 0.14rem;
  line-height: 0.4rem;
  text-align: center;
}
.amount_btn { border-top: 1px solid #f5f5f5; }
.amount_btn a{
  display:inline-block;
  width: 49%;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align:center;
  color: #999;
  font-size: 0.14rem;
}
.amount_btn a:hover { text-decoration:none; }
.amount_btn a.red { color: #d81718; }

.input-login:focus,
.input-pass:focus,
input,
input:hover,
input:focus{
	box-shadow: none;
	outline: none;
}
.use-bg {
	background: url(../images/use_bg.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 0;
	margin: 0;
	height: 100%;
	overflow:hidden;
}
.btn_use {
	 display:inline-block;
	 width: 100%;
	 height: 1.3rem;
	 line-height: 0.5rem;
	 text-align:center;
	 color: #999;
	 font-size: 0.14rem;
	 bottom:0.2rem;
	 z-index:1;
	 position: absolute;
	 background: url(../images/btn_lq.png) no-repeat; background-size: 100% 100%;
 }